<!DOCTYPE html>
<html lang=ko>
	<head>
		<meta charset="UTF-8" />
		<title> 목록태그</title>
	</head>
	<body>
		<h1>목록 태그</h1>
		<!--
			OL : 순서 있는 목록
			UL : undered list 순서없는 목록
			몰록의 각 항목은 li태그를 사용
			css의 list-style-type을 사용해서 글모리 유형지정,upper-roman,deciaml,upper alpha...등등
			
			목록을 나타낼 때 ol,ul태그를 사용하지만 사이트의 메뉴를 표시 할때에도 사용함
		-->
		
		<h3>ABOUT US</h3>
		<ul style="list-style-type: square"><li>Compnay</li><li>news</li><li>Jobs</li><li>Policies</li><li>Contact</li> </ul>
		<h3>SOCIAL</h3>
		<ul style="list-style-type: decimal"><li>Facebook</li><li>Twitter</li><li>Try our app</li></ul>	
		<h3>SERVICE</h3>
		<ul style="list-style-type: cjk-ideographic"><li>FAQ</li><li>Live Support</li><li>Site map</li></ul>
		
		<hr />
		
		<h3>ABOUT US</h3>
		<ol style="list-style-type: decimal"><li>Compnay</li><li>news</li><li>Jobs</li><li>Policies</li><li>Contact</li></ol>	
		<h3>SOCIAL</h3>
		<ol style="list-style-type:upper-alpha"><li>Facebook</li><li>Twitter</li><li>Try our app</li></ol>	
		<h3>SERVICE</h3>
		<ol style="list-style-type:upper-roman"><li>FAQ</li><li>Live Support</li><li>Site map</li></ol>
		
		<hr />
		<h3>중첩목록</h3>
		<ol>
			<li>사과</li>
			<li>바나나</li>
			<li>오렌지</li>
		<ol>
			<li>사과</li>
			<li>바나나</li>
			<li>오렌지</li>
			<li>사과</li>
		</ol>
		</ol>
		
		
		<ul>
			<li>사과</li>
			<li>바나나</li>
			<li>오렌지</li>
		<ul>
			<li>사과</li>
			<li>바나나</li>
			<li>오렌지</li>
			<li>사과</li>
		</ul>
		</ul>
		<!--
			li요소 내에 또 다른 목록을 배치하여 하위 목록이나 중첩 목록을 만들 수 있음
			브라우저에서는 들여쓰기가 추가되고 번호/머릿글 유형이 바뀜
		-->
	</body>
</html>